<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
>
<head>
    <title>栏目列表</title>
      
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/static/h-ui/css/H-ui.min.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/static/h-ui.admin/css/H-ui.admin.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/lib/Hui-iconfont/1.0.8/iconfont.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/extend/iconfont/iconfont.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/static/h-ui.admin/skin/default/skin.css}" id="skin" />
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/static/h-ui.admin/css/style.css}" />
    <link th:href="@{/h-ui/lib/lightbox2/2.8.1/css/lightbox.css}" rel="stylesheet" type="text/css" >
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/lib/select2/select2.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/h-ui/lib/webuploader/0.1.5/webuploader.css}"/>

    <script type="text/javascript" th:src="@{/js/lib/jquery-1.11.0.min.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/lib/layer/2.4/layer.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/lib/jquery.validation/1.14.0/jquery.validate.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/lib/jquery.validation/1.14.0/validate-methods.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/lib/jquery.validation/1.14.0/messages_zh.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/static/h-ui/js/H-ui.min.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/static/h-ui.admin/js/H-ui.admin.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/lib/My97DatePicker/4.8/WdatePicker.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/lib/webuploader/0.1.5/webuploader.min.js}"></script>
    <script type="text/javascript" th:src="@{/h-ui/lib/laypage/1.3/laypage.js}"></script>
    <script type="text/javascript" th:src="@{/js/common/layerUtil.js}"></script>
    <script type="text/javascript" th:src="@{/js/common/common.js}"></script>
    <script type="text/javascript" th:src="@{/js/common/webUploadUtil.js}"></script>
    <script type="text/javascript" th:src="@{/js/lib/vue.js}"></script>
</head>

<body layout:fragment="content">
    <nav class="breadcrumb">
        <i class="Hui-iconfont">&#xe67f;</i> 首页
        <span class="c-gray en">&gt;</span> 栏目管理
        <span class="c-gray en">&gt;</span> 栏目列表
        <span class="c-gray en" >&gt;</span>1
        <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" >
            <i class="Hui-iconfont">&#xe68f;</i>
        </a>
    </nav>
    <form id="myForm" th:action="@{/admin/channel}" th:method="get">
    <div class="page-container">
        <div class="text-c">
            日期范围：
            <input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'dateMax\')}'})" id="dateMin" class="input-text Wdate" style="width:120px;" name="startTime" th:value="${startTime}" readonly="readonly"/>
            -
            <input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'dateMin\')}'})" id="dateMax" class="input-text Wdate" style="width:120px;" name="endTime" th:value="${endTime}" readonly="readonly"/>
            <input type="text" class="input-text" style="width:250px" placeholder="输入查询关键字" name="title" th:value="${sarchKkey}"/>
            <button type="submit" class="btn btn-success">
                <i class="Hui-iconfont">&#xe665;</i>
                搜索
            </button>
        </div>
        <div class="cl pd-5 bg-1 bk-gray mt-20">
            <span class="l">
                <a class="btn btn-primary radius" href="javascript:;" th:onclick="'javascript:admin_channel_add(\'添加栏目\',\'/admin/channel/add\',\'800\',\'500\');'">
                	<i class="Hui-iconfont">&#xe600;</i> 添加栏目
                </a>
            </span>
            <span class="r">共有数据：<strong th:text="${pageInfo?.total}">1</strong> 条</span>
        </div>
        <div class="mt-20">
            <table class="table table-border table-bordered table-bg table-hover table-sort">
                <thead>
                <tr class="text-c">
                    <th width="100">name</th>
                    <th width="100">treePath</th>
                    <th width="100">该分类是否为父类目，1为true，0为false</th>
                    <th width="100">父分类ID,ID=0时，代表的是一级的类目</th>
                    <th width="100">父分类的名称</th>
                    <th width="100">栏目编码</th>
                    <th width="100">内容</th>
                    <th width="100">排序</th>
                    <th width="100">页面标题</th>
                    <th width="100">页面的描述</th>
                    <th width="100">页面的关键词</th>
                    <th width="100">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr class="text-c va-m" th:each="model:${pageInfo?.records}" th:object="${model}">
          	<td class="text-l" th:text="*{name}"></td>
          	<td class="text-l" th:text="*{treePath}"></td>
          	<td class="text-l" th:text="*{isParent}"></td>
          	<td class="text-l" th:text="*{parentId}"></td>
          	<td class="text-l" th:text="*{parentName}"></td>
          	<td class="text-l" th:text="*{channelPath}"></td>
          	<td class="text-l" th:text="*{content}"></td>
          	<td class="text-l" th:text="*{sort}"></td>
          	<td class="text-l" th:text="*{pageTitle}"></td>
          	<td class="text-l" th:text="*{pageDescription}"></td>
          	<td class="text-l" th:text="*{pageKeyword}"></td>
                    <td class="td-manage">
						<a title="编辑" href="javascript:;" onclick="admin_channel_edit('栏目编辑','admin-channel-edit.html','1')" th:onclick="'javascript:admin_channel_edit(\'栏目编辑\',\'/admin/channel/edit/'+*{id}+'\',\'800\',\'500\');'" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
                        <a style="text-decoration:none" class="ml-5" onClick="admin_channel_del(this,'10001')" th:onclick="'javascript:channel_del(this, \'/admin/content/'+*{id}+'\');'" href="javascript:;" title="删除"><i class="Hui-iconfont">&#xe6e2;</i></a>
                    </td>
                </tr>
                </tbody>
            </table>
            <div th:replace="admin/common/page :: page"></div>
        </div>
    </div>
    </form>

<script type="text/javascript" th:src="@{/js/lib/treegrid/jquery.treegrid.min.js}"></script>
<script type="text/javascript" th:src="@{/js/lib/treegrid/jquery.treegrid.bootstrap3.js}"></script>
<script type="text/javascript" th:src="@{/js/lib/treegrid/jquery.treegrid.extension.js}"></script>
<script type="text/javascript" th:src="@{/js/lib/treegrid/tree.table.js}"></script>

<script type="text/javascript" th:src="@{/js/common/page.js}"></script>
<script type="text/javascript" th:src="@{/js/admin/channel/channel-list.js}"></script>
<script th:inline="javascript">
    $(document).ready(function(){
    });
</script>
</body>
</html>